<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/css/style.css"/>
    <link rel="stylesheet" href="/static/css/base.css"/>
    <title>注册</title>
</head>

<body>
<div class="register_header">
    <div class="reg_hc">
        <img src="/static/images/logo.png"/>
        <h4>欢迎注册</h4>
        <span class="forget fr">已有账号？<a href="login.html">请登录</a></span>
    </div>
</div>
<div class="register_con">
    <div class="register_conr">
        <div class="register">
            <h5 class="personal active1">个人注册</h5>
            <!--					<h6 class="business cancel">商户注册</h6>-->
        </div>
        <div class="clear"></div>
        <div class="user per_register">
            <form method="post" id="reg_form">
                <span>用户名：</span>
                <img src="/static/images/user.png" class="psw" style="margin-top: 10px;"/>
                <input type="text" name="username" id="IDnum" class="input_comm" placeholder="请输入5-20个字符的用户名"
                       style="margin-top: 0px;">
                <br/>
                <span>密码：</span>
                <img src="/static/images/password.png" class="psw"/>
                <input type="password" name="password" id="password" class="input_comm" placeholder="请输入8-20个字符的数字"/>
                <br/>
                <span>确认密码：</span>
                <img src="/static/images/password.png" class="psw"/>
                <input type="password" name="password2" id="password2" class="input_comm" placeholder="请确认密码"/>
                <br/>
                <span>手机号：</span>
                <img src="/static/images/phone.png" class="psw"/>
                <input type="text" name="phone" id="phone" class="input_comm" placeholder="手机号"/>
                <br/>
<!--                <span>邮箱：</span>-->
<!--                <img src="/static/images/email.png" class="psw"/>-->
<!--                <input type="email" name="email" class="input_comm" placeholder="请输入邮箱"/>-->
<!--                <button class="quire_yzm">获取验证码</button>-->
<!--                <br/>-->
<!--                <span>验证码：</span>-->
<!--                <input type="text" name="yanzhengma" class="yanzhengma" placeholder="请输入验证码"/>-->
<!--                <img src="/static/images/yanzhengma.png" class="yanzheng"/>-->
<!--                <p class="change fr">-->
<!--                    <a href="#">看不清楚 再换一张</a>-->
<!--                </p>-->
                <div class="clear"></div>
                <!--<input type="checkbox" name="jizhu" value="记住账号和密码" class="bark"/><span class="bark1">记住账号和密码</span>
                    <span class="forget fr"><a href="#">忘记密码</a></span>-->
                <input type="submit" name="denglu" value="注   册" class="btn_register"/>
				{{ csrf_input }}
            </form>
        </div>

        <!--				&lt;!&ndash;商户注册&ndash;&gt;-->
        <!--				<div class="user business_register">-->
        <!--					<span>商店名称：</span>-->
        <!--					<img src="/static/images/business.png" class="psw" style="margin-top: 10px;" />-->
        <!--					<input type="text" name="user" id="IDnum" class="input_comm" placeholder="请输商店名称" style="margin-top: 0px;">-->
        <!--					<br />-->
        <!--					<span>密码：</span>-->
        <!--					<img src="/static/images/password.png" class="psw" />-->
        <!--					<input type="password" name="password" id="password" class="input_comm" placeholder="请输入密码" />-->
        <!--					<br />-->
        <!--					<span>确认密码：</span>-->
        <!--					<img src="/static/images/password.png" class="psw" />-->
        <!--					<input type="password" name="password" id="password" class="input_comm" placeholder="请确认密码" />-->
        <!--					<br />-->
        <!--					<span>手机号：</span>-->
        <!--					<img src="/static/images/phone.png" class="psw" />-->
        <!--					<input type="text" name="phone" id="phone" class="input_comm" placeholder="手机号" />-->
        <!--					<br />-->
        <!--					<span>邮箱：</span>-->
        <!--					<img src="/static/images/email.png" class="psw" />-->
        <!--					<input type="text" name="yanzhengma" class="input_comm" placeholder="请输入邮箱" />-->
        <!--					<button class="quire_yzm">获取验证码</button>-->
        <!--					<br />-->
        <!--					<span>城市：</span>-->
        <!--					<img src="/static/images/place2.png" class="psw" />-->
        <!--					<input type="text" placeholder="请输入或选择商铺所在城市" class="input_comm search" />-->
        <!--					<span>验证码：</span>-->
        <!--					<input type="text" name="yanzhengma" class="yanzhengma" placeholder="请输入验证码" />-->
        <!--					<img src="/static/images/yanzhengma.png" class="yanzheng" />-->
        <!--					<p class="change fr">-->
        <!--						<a href="#">看不清楚 再换一张</a>-->
        <!--					</p>-->
        <!--					<div class="clear"></div>-->
        <!--				-->
        <!--					&lt;!&ndash;<input type="checkbox" name="jizhu" value="记住账号和密码" class="bark"/><span class="bark1">记住账号和密码</span>-->
        <!--						<span class="forget fr"><a href="#">忘记密码</a></span>&ndash;&gt;-->
        <!--					<input type="button" name="register" value="注   册" class="btn_register"/>-->
    </div>
</div>
<div class="clear"></div>
</div>
</body>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/kuCity.js"></script>
<script>
		$('.business').click(function() {
			$('.business_register').show();
			$('.per_register').hide();
			$(this).addClass('active1').removeClass('cancel');
			$('.personal').addClass('cancel').removeClass('active1');
		});
		$('.personal').click(function() {
			$('.business_register').hide();
			$('.per_register').show();
			$(".business").addClass('cancel').removeClass('active1');
			$(this).addClass('active1').removeClass('cancel');
		});

</script>
<script>
		$('.search').kuCity();
</script>
{% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
{% endif %}
</html>